 <div class="billing-box">
<div class="billing-module">
    <div class="module-title">计费模式</div>
    <div class="module-select">
        <p class="active">按需计费</p>
    </div>
</div>
<div class="billing-module">
    <div class="module-title">可用域</div>
    <div class="module-cont">
        <p class="select">
            <select name="availability_zone" style="color: #0a0a0a;width: 150px;height: 35px;text-align: center">
                {% for nova_obj in nova_list %}
                    <option value="{{ nova_obj }}" style="color: #0a0a0a">{{ nova_obj }}</option>
                {% endfor %}
            </select>
        </p>

        <div class="fl">
            <p class="module-cont-notice">
                不在区域的云服务产品之间内网互不相通，请就近选择靠近您业务的区域，可减少网络时延，提高访问速度，<span>如何选择区域？</span>
            </p>
            <div class="question-box">
                <img src="{{ STATIC_URL }}ratingfunction/img/question.png" alt="">
                <div class="question">
                    问题介绍
                </div>
            </div>
        </div>
    </div>
</div>
<div class="billing-module">
    <div class="module-title">可用区</div>
    <div class="module-select">
        <p class="active">随机分配</p>
        <div class="question-box" style="height: 35px;">
            <img src="{{ STATIC_URL }}ratingfunction/img/question.png" alt="">
            <div class="question">
                问题介绍
            </div>
        </div>

    </div>
</div>
</div>